<%-- 
    Document   : Caso4
    Created on : 26/09/2013, 12:48:27 AM
    Author     : manuel
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Caso #4</title>
    </head>
    <body>
        <h1>Caso #4</h1>

        <form id="Caso4" action="servletCaso4">
            <input type="button" id="botonConsulta1" value="Consultar pólizas de un cliente">
            <input type="button" id="botonConsulta2" value="Consultar pólizas por valor de vehículo">
            <input type="button" id="botonConsulta3" value="Consultar pólizas por pago mensual" >
        </form>
        <%-- 
                    Se importan los scripts necesarios para crear el popup de la biblioteca funcybox
        --%>
        <script type="text/javascript" src="Scripts/FancyBox/jquery-1.4.3.min.js"></script>
        <script type="text/javascript" src="Scripts/FancyBox/FancyBox/jquery.fancybox-1.3.4.pack.js"></script>
        <link rel="stylesheet" type="text/css" href="Scripts/FancyBox//FancyBox/jquery.fancybox-1.3.4.css">



        <a id="linkPolizaCliente" href="Caso4ConsultaPolizaCliente.jsp"></a>
        <a id="linkPolizaValor" href="Caso4ConsultaPolizaValor.jsp"></a>
        <a id="linkPolizaMensualidad" href="Caso4ConsultaPolizaMensualidad.jsp"></a>


        <%-- 
            Scripts encargados de ligar cada boton con la pagina destino y mostrar el popup
        --%>
        <script type="text/javascript">
                $(document).ready(function() {
                    $("#linkPolizaCliente").fancybox({
                        'width': '100%',
                        'height': '100%',
                        'autoScale': false,
                        'transitionIn': 'none',
                        'transitionOut': 'none',
                        'type': 'iframe'
                    });
                    $("#botonConsulta1").click(function() {
                        $("#linkPolizaCliente").trigger('click');
                    });
                }); // ready


                $(document).ready(function() {
                    $("#linkPolizaValor").fancybox({
                        'width': '100%',
                        'height': '100%',
                        'autoScale': false,
                        'transitionIn': 'none',
                        'transitionOut': 'none',
                        'type': 'iframe'
                    });
                    $("#botonConsulta2").click(function() {
                        $("#linkPolizaValor").trigger('click');
                    });
                });
                                $(document).ready(function() {
                    $("#linkPolizaMensualidad").fancybox({
                        'width': '100%',
                        'height': '100%',
                        'autoScale': false,
                        'transitionIn': 'none',
                        'transitionOut': 'none',
                        'type': 'iframe'
                    });
                    $("#botonConsulta3").click(function() {
                        $("#linkPolizaMensualidad").trigger('click');
                    });
                });
        </script>


    </body>
</html>
